<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <img src="https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF" alt="">
    <!-- jsonp 是利用script标签自身就能跨越的特性来发送请求，同时给服务器传callback参数来指回调函数的名字，需要前端和后端配合起来才能完成一次跨域请求 -->
    <script src="https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF"></script>
</body>

</html>
<script>
    /*
        跨域请求：
        从本机向另一台电脑请求资源，如果本机和另一台电脑的协议，域名，端口号不一致，
        则本次请求属于跨域请求，浏览器会组织本次跨域请求
        同源策略(cors policy):
        为了网页中数据交互的安全，所有浏览器都内置了同源策略，在同源策略下，本机和请求资源的协议
        域名，端口号只要有一个不一致 就算是跨越(违反了同源策略).这样的ajax请求会被阻止
        解决跨域的方法：
        cors：
        服务器设置允许跨域的响应头 Access-Control-Allow-origin
        jsonp：
        jsonp是利用script标签自身就能跨域的特性来发送请求，同时给服务器传callback参数来指明回调函数的名字，需要前端和后端配合起来才能完成一次跨域请求
        proxy请求代理：
        1.在网页中向本机服务器发请求   本网页和本机服务器同源，不存在跨域问题
        2.本机服务器再将请求转发给目标服务器   服务器之间发请求，不存在跨域问题
        script,img,link等这些标签天生可以跨域
    
    */
</script>